<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="./res/css/gfi.css" />
        <script type="text/javascript" src="./res/js/jquery-1.8.2.min.js" ></script>
        <script type="text/javascript" src="./res/js/jquery-jaxid-1.0b-tablesorter-2.0.5b.js"></script> 
        <title>Guild Fraction Information (GFI)</title>
    </head>

    <body>
        <h1>Guild Fraction Information (GFI)</h1>
        <blockquote>

            <h3>Realm: "Gilneas"</h3>
            <h3>Fraktion: "Allianz"</h3>
            <h3>Guild: <a href="http://eu.battle.net/wow/de/guild/gilneas/ist_eine_Killermieze/" target="_blank">"ist eine Killermieze"</a></h3>
            
            <div id="idLoadGfiDataDiv">
                <h3>Load the GFI data! Wait a moment ...</h3>
            </div>

            <div id="idGfiDataResultDiv">
                <p>
                    <select id="optGMemberFilter">
                        <option value="0" selected="true">all guild members</option>
                        <option value="1">guild rank to low</option>
                        <option value="2">guild rank to high</option>
                    </select>
                    <label id="labRowCounter"></label>
                </p>

                <i>(Click on a header title to sort the table.)</i>
                <table border="1" style="width:800px;" id="idResultTable">
                    <thead id="idResultTableHeader">
                        <tr>
                            <th style="width:200px;">
                                <label id="idCharacter">Character:</label>
                            </th>
                            <th style="width:200px;">
                                <label id="idLevel">Level:</label>
                            </th>
                            <th style="width:200px;">
                                <label id="idLevel">Item Level:</label>
                            </th>
                            <th style="width:200px;">
                                <label id="idGuildRank">Guild Rank:</label>
                            </th>
                            <th style="width:200px;">
                                <label id="idReputation">Reputation</label>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="idResultTableBody"></tbody>
                </table>
            </div>

        </blockquote>

        <script type="text/javascript" src="./res/js/gfi-post-1.2.js" ></script>
    </body>

</html>
